$list-option-prefix-cls: #{$jigsaw-prefix}-list-option;

.#{$list-option-prefix-cls} {
    display: block;
    padding: 5px 8px;
    min-height: $height-base;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    &:hover {
        background: $item-hover-bg;
    }
    &.#{$list-option-prefix-cls}-active {
        background: $item-active-bg;
    }
    &.#{$list-option-prefix-cls}-disabled {
        background: $disabled-bg;
        @include compatible(color, $disabled-color, $disabled-color-ie11);
        cursor: not-allowed;
    }
    &-title-box {
        @include clearfix();
    }
    &-title {
        float: left;
        color: #333;
    }
    &-sub-title {
        float: right;
        color: #999;
    }
    &-block {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: $zindex-level-1;
    }
    &.#{$list-option-prefix-cls}-separator {
        display: block;
        width: 100%;
        height: 1px;
        padding: 0 8px;
        min-height: 0;
    }
    &-separator-line {
        display: block;
        width: 100%;
        height: 0;
        border-top: 1px dotted $border-color-split;
    }
}
